// 1.导入react核心库
import React from 'react'
// 2.导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client'

// // 导入css--------------------------------------------------
// import '../src/index.css'
// // 3.创建虚拟dom

// let data = [
//   '1. 开启新的奔赴',
//   '2. 胡新宇家属:遗体在学校后山粮库..',
//   '3. 中疾控：中国本轮疫情已接近尾声'
// ]

// let data2 = [
//   '4. 人气足 市场旺 信心强',
//   '5. 胡新宇母亲：多人曾进粮库寻找过',
//   '6. 什么是 “缢吊”？'
// ]

// let data3 = [
//   {
//     id:1,
//     name:"第一条记事本",
//     wrong:'X'
//   },
//   {
//     id:2,
//     name:"第二条记事本",
//     wrong:'X'
//   },
//   {
//     id:3,
//     name:"第三条记事本",
//     wrong:'X'
//   }
// ]

// // 点击事件
// const handleClick=() => {
//   alert('111')
// }
// let baidu = <> 
//               <div className='root1'>
//                 <div className='log'>
//                   <img className='log2' src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度" />
//                 </div>

//                 <div className='input'>
//                     <input className='input2' type="text" />
//                     <div className='button' onClick = {handleClick}>百度一下</div>
//                 </div>
//                 {
//                   // 百度热搜
//                 }
//                 <div className='resou'>
//                   <div className='resou2'>百度热搜 》</div>
//                   <div className=''>换一换</div>
//                 </div>

//                 <div className='ul'>
//                   <ul>
//                     {/* <li>1. 开启新的奔赴</li>
//                     <li>2. 胡新宇家属:遗体在学校后山粮库..</li>
//                     <li>3. 中疾控：中国本轮疫情已接近尾声</li> */}
//                     {
//                       data.map((item,index)=>{
//                         return <li key={item}>{item}</li>
//                       })
//                     }
//                   </ul>
//                   <ul>
//                     {/* <li>4. 人气足 市场旺 信心强</li>
//                     <li>5. 胡新宇母亲：多人曾进粮库寻找过</li>
//                     <li>6. 什么是 “缢吊”？</li> */}
//                     {
//                       data2.map((item,index)=>{
//                         return <li key={item}>{item}</li>
//                       })
//                     }
//                   </ul>
//                 </div>

//               </div>
              


//               {/* todolist */}
//               <div className='todolist'>
//                 <div className='top'>
//                   <h1 className='h1'>拾忆记事本</h1>
//                   <div className='jilu'>记录生活点点滴滴，写下生活每一个美好</div>
//                   <div className='inp'>
//                     <div className='nei'>内容</div>
//                     <input className='input3' type="text" />
//                     <div className='nei2' onClick = {handleClick}>确认</div>
//                   </div>
//                 </div>
//                 {/* <div className='body'>
//                   <div className='z1'>
//                     <div className='q1'>1</div>
//                     <div className='q2'>| 第一条记事本</div>
//                     <div className='q3'>X</div>
//                   </div>
//                   <div className='div'></div>
//                   <div className='z1'>
//                     <div className='q1'>2</div>
//                     <div className='q2'>| 第二条记事本</div>
//                     <div className='q3'>X</div>
//                   </div>
//                   <div className='div'></div>
//                   <div className='z1'>
//                     <div className='q1'>3</div>
//                     <div className='q2'>| 第三条记事本</div>
//                     <div className='q3'>X</div>
//                   </div>
//                   <div className='div'></div>
//                   <div className='z2'>
//                     <div className='q4'>总数：</div>
//                     <div className='q5'>3</div>
//                     <div className='q6'>清除</div>
//                   </div> */}

                    // <ul>
                    //   {
                    //     data3.map((item)=>{
                    //       return <div key={item.id}>
                    //               <li className='li' >
                    //                 <span>{item.id}</span>
                    //                 <span className='span'>| {item.name}</span>
                    //                 <span className='span2'>{item.wrong}</span>
                    //               </li>
                    //               <div className='div2'></div>
                    //             </div>
                    //     })
                    //   }
                    // </ul>
                    // <div className='z2'>
                    //   <div className='q4'>总数：</div>
                    //   <div className='q5'>3</div>
                    //   <div className='q6'>清除</div>
                    // </div>

//               </div>

//             </>
// let root1 =  ReactDOM.createRoot(document.getElementById('root'))
// root1.render(baidu)
// ----------------------------------------------------------------

// 加载App组件入口文件（组件的主文件）
import App from './App'

// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'))
// 5. 渲染虚拟dom到页面中
root.render(<App />)